export const vPermission = {
  mounted(el, binding) {
    if (binding.value == true) {
      // el.disabled = false
      el.removeAttribute('disabled');
      // el.style.cursor = 'pointer';
    } else {
      el.setAttribute('disabled', 'disabled');
      // el.style.backgroundColor = '#ccc';
      // el.style.color = '#666';
      // el.style.opacity=0.5
      // el.style.pointerEvents = 'none';
      el.style.cursor = 'not-allowed';
      el.style.pointerEvents = 'none';
      // // 使用addEventListener监听click事件
      // el.addEventListener('click', (event) => {
      //   // 阻止事件进一步传播
      //   event.stopPropagation();
      //   // 在某些情况下，你可能也想阻止默认行为
      //   event.preventDefault();
      // }, { capture: true }); // 确保在捕获阶段监听事件
    }
  },
  updated(el, binding) {
    if (binding.value == true) {
      // el.disabled = false
      el.removeAttribute('disabled');
      // el.style.cursor = 'pointer';
    } else {
      el.setAttribute('disabled', 'disabled');
      // el.style.backgroundColor = '#ccc';
      // el.style.color = '#666';
      // el.style.opacity=0.5
      // el.style.pointerEvents = 'none';
      el.style.cursor = 'not-allowed';
      el.style.pointerEvents = 'none';
      // // 使用addEventListener监听click事件
      // el.addEventListener('click', (event) => {
      //   // 阻止事件进一步传播
      //   event.stopPropagation();
      //   // 在某些情况下，你可能也想阻止默认行为
      //   event.preventDefault();
      // }, { capture: true }); // 确保在捕获阶段监听事件
    }
  },
  unmounted(el) {
    // 清理：移除监听器
    el.removeEventListener('click', () => {}, { capture: true });
  }
};

export const vPermissionbar = {
  mounted(el, binding) {
    el.style.display = binding.value ? '' : 'none';
  },
  updated(el, binding) {
    el.style.display = binding.value ? '' : 'none';
  }
};